
.ztree * {
  padding: 0;
  margin: 0;
  font-size: 14px
}

.ztree {
  margin: 0;
  padding: 5px
}

.ztree li {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: left;
  white-space: nowrap;
  outline: 0
}

.ztree li ul {
  margin: 0;
  padding: 0 0 0 18px
}

.ztree li ul.line {
  background: url(images/line_conn.gif) repeat-y
}

.ztree li a {
  padding: 1px 3px 0 0;
  margin: 0;
  cursor: pointer;
  color: #333;
  background-color: transparent;
  text-decoration: none;
  vertical-align: top;
  display: inline-block
}

.ztree li .hover-line:hover {
  background-color: #EEF7FE
}

.ztree li .hover-line.curSelectedNode {
  background-color: #D3EAFD
}

.ztree li a:hover {
  background-color: #EEF7FE
}

.ztree li a.curSelectedNode,.ztree li a.curSelectedNode_Edit {
  background-color: #D3EAFD;
  color: #000;
  height: 18px;
  opacity: .8
}

.ztree li a.tmpTargetNode_inner {
  padding-top: 0;
  background-color: #EEF7FE;
  color: #fff;
  height: 16px;
  border: 1px solid #EEF7FE;
  opacity: .8;
  filter: alpha(opacity=80)
}

.ztree li a input.rename {
  height: 14px;
  width: 80px;
  padding: 0;
  margin: 0;
  font-size: 12px;
  border: 1px solid #D3EAFD;
  *border: 0
}

.ztree li span {
  line-height: 16px;
  margin-right: 2px
}

.ztree li span.button {
  line-height: 0;
  margin: 0;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  border: 0;
  cursor: pointer;
  outline: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-image: url(images/zTreeStandard.png);
  *background-image: url(images/zTreeStandard.gif)
}

.ztree li span.button.chk {
  width: 16px;
  height: 16px;
  margin: 0 3px 0 0;
  background-image: none;
  cursor: pointer
}

.ztree li span.button.chk.checkbox_false_full {
  border: 1px solid #D8DCF0;
  background-color: #fff;
}

.ztree li span.button.chk.checkbox_false_full_focus {
  border: 1px solid #5FB878;
  background-color: #fff
}

.ztree li span.button.chk.checkbox_false_disable {
  border: 0;
  background-color: #ddd;
  cursor: auto
}

.ztree li span.button.chk.checkbox_true_full,.ztree.only_son li span.button.chk.checkbox_true_part {
  position: relative;
  border: 1px solid #D8DCF0;
  background-color: #fff
}

.ztree li span.button.chk.checkbox_true_full:after,.ztree.only_son li span.button.chk.checkbox_true_part:after {
  -webkit-transform: scale(1) rotate(-50deg);
  -ms-transform: scale(1) rotate(-50deg);
  transform: scale(1) rotate(-50deg);
  opacity: 1;
  filter: alpha(opacity=100);
  width: 12px;
  height: 5px;
  border-bottom: 2px solid #5FB878;
  border-left: 2px solid #5FB878;
  border-bottom-left-radius: 2px;
  left: 1px;
  top: 4px;
  -webkit-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  content: ""
}

.ztree li span.button.chk.checkbox_true_full_focus,.ztree.only_son li span.button.chk.checkbox_true_part_focus {
  position: relative;
  border: 1px solid #5FB878;
  background-color: #fff
}

.ztree li span.button.chk.checkbox_true_full_focus:after,.ztree.only_son li span.button.chk.checkbox_true_part_focus:after {
  -webkit-transform: scale(1) rotate(-50deg);
  -ms-transform: scale(1) rotate(-50deg);
  transform: scale(1) rotate(-50deg);
  opacity: 1;
  filter: alpha(opacity=100);
  width: 12px;
  height: 5px;
  border-bottom: 2px solid #5FB878;
  border-left: 2px solid #5FB878;
  border-bottom-left-radius: 2px;
  left: 1px;
  top: 4px;
  -webkit-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  content: ""
}

.ztree.only_son li span.button.chk.checkbox_false_part:after,.ztree.only_son li span.button.chk.checkbox_false_part_focus:after,.ztree.only_son li span.button.chk.checkbox_true_part:after,.ztree.only_son li span.button.chk.checkbox_true_part_focus:after {
  background-color: transparent
}

.ztree li span.button.chk.checkbox_false_part,.ztree li span.button.chk.checkbox_true_part {
  position: relative;
  border: 1px solid #D8DCF0;
  background-color: #fff
}

.ztree li span.button.chk.checkbox_false_part:after,.ztree li span.button.chk.checkbox_true_part:after {
  opacity: 1;
  filter: alpha(opacity=100);
  width: 12px;
  height: 12px;
  left: 2px;
  top: 2px;
  background-color: #5FB878;
  -webkit-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  content: ""
}

.ztree li span.button.chk.checkbox_false_part_focus,.ztree li span.button.chk.checkbox_true_part_focus {
  position: relative;
  border: 1px solid #5FB878;
  background-color: #fff
}

.ztree li span.button.chk.checkbox_false_part_focus:after,.ztree li span.button.chk.checkbox_true_part_focus:after {
  opacity: 1;
  filter: alpha(opacity=100);
  width: 12px;
  height: 12px;
  left: 2px;
  top: 2px;
  background-color: #5FB878;
  -webkit-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  content: ""
}

.ztree li span.button.chk.checkbox_true_disable {
  position: relative;
  border: 1px solid #eee;
  background-color: #fff;
  cursor: auto
}

.ztree li span.button.chk.checkbox_true_disable:after {
  -webkit-transform: scale(1) rotate(-50deg);
  -ms-transform: scale(1) rotate(-50deg);
  transform: scale(1) rotate(-50deg);
  opacity: 1;
  filter: alpha(opacity=100);
  width: 12px;
  height: 5px;
  border-bottom: 2px solid #ddd;
  border-left: 2px solid #ddd;
  border-bottom-left-radius: 2px;
  left: 1px;
  top: 4px;
  -webkit-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  content: ""
}

.ztree li span.button.chk.radio_true_disable:after,.ztree li span.button.chk.radio_true_full:after,.ztree li span.button.chk.radio_true_full_focus:after {
  content: "";
  width: 10px;
  height: 10px;
  top: 2px;
  left: 2px
}

.ztree li span.button.chk.radio_false_full {
  border: 1px solid #D8DCF0;
  border-radius: 50%
}

.ztree li span.button.chk.radio_false_full_focus {
  border: 1px solid #5FB878;
  border-radius: 50%
}

.ztree li span.button.chk.radio_false_part {
  border: 1px solid #D8DCF0;
  border-radius: 50%
}

.ztree li span.button.chk.radio_false_part_focus {
  border: 1px solid #5FB878;
  border-radius: 50%
}

.ztree li span.button.chk.radio_false_disable {
  border: 1px solid #bbb;
  border-radius: 50%;
  cursor: auto
}

.ztree li span.button.chk.radio_true_full {
  position: relative;
  border: 1px solid #D8DCF0;
  border-radius: 50%
}

.ztree li span.button.chk.radio_true_full:after {
  position: absolute;
  background: #5FB878;
  border-radius: 50%
}

.ztree li span.button.chk.radio_true_full_focus {
  position: relative;
  border: 1px solid #5FB878;
  border-radius: 50%
}

.ztree li span.button.chk.radio_true_full_focus:after {
  position: absolute;
  background: #5FB878;
  border-radius: 50%
}

.ztree li span.button.chk.radio_true_part {
  border: 1px solid #D8DCF0;
  border-radius: 50%
}

.ztree li span.button.chk.radio_true_part_focus {
  border: 1px solid #5FB878;
  border-radius: 50%
}

.ztree li span.button.chk.radio_true_disable {
  position: relative;
  border: 1px solid #bbb;
  border-radius: 50%;
  cursor: auto
}

.ztree li span.button.chk.radio_true_disable:after {
  position: absolute;
  background: #ddd;
  border-radius: 50%
}

.ztree li span.button.switch {
  width: 18px;
  height: 23px
}

.ztree li span.button.bottom_open,.ztree li span.button.center_open,.ztree li span.button.noline_open,.ztree li span.button.root_open,.ztree li span.button.roots_open {
  background: url(images/icon-expand.png) 0 center no-repeat
}

.ztree li span.button.bottom_close,.ztree li span.button.center_close,.ztree li span.button.noline_close,.ztree li span.button.root_close,.ztree li span.button.roots_close {
  background: url(images/icon-collapse.png) 0 3px no-repeat
}

.ztree li span.button.root_docu {
  background: 0 0
}

.ztree li span.button.roots_docu {
  background-position: -56px 0
}

.ztree li span.button.center_docu {
  background-position: -56px -18px
}

.ztree li span.button.bottom_docu {
  background-position: -56px -36px
}

.ztree li span.button.noline_docu {
  background: 0 0
}

.ztree li span.button.ico_open {
  margin-right: 2px;
  background: url(images/folderOpen.png) no-repeat;
  *vertical-align: middle
}

.ztree li span.button.ico_close {
  margin-right: 2px;
  background: url(images/folder.png) no-repeat;
  *vertical-align: middle
}

.ztree li span.button.ico_docu {
  margin-right: 2px;
  background: url(images/file.png) no-repeat;
  *vertical-align: middle
}

.ztree li span.button.add {
  margin-left: 2px;
  margin-right: -1px;
  background-position: -144px 0;
  vertical-align: top
}

.ztree li span.button.edit {
  margin-right: 2px;
  background: url(images/icon-edit.png) no-repeat;
  background-size: 100%;
  *vertical-align: middle
}

.ztree li span.button.remove {
  margin-right: 2px;
  background: url(images/icon-delete.png) no-repeat;
  background-size: 100%;
  *vertical-align: middle
}

.ztree li span.button.ico_loading {
  margin-right: 2px;
  background: url(images/loading.gif) no-repeat;
  *vertical-align: middle
}

ul.tmpTargetzTree {
  background-color: #FFE6B0;
  opacity: .8;
  filter: alpha(opacity=80)
}

span.tmpzTreeMove_arrow {
  width: 16px;
  height: 16px;
  display: inline-block;
  padding: 0;
  margin: 2px 0 0 1px;
  border: 0;
  position: absolute;
  z-index: 1;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -110px -80px;
  background-image: url(images/zTreeStandard.png);
  *background-image: url(images/zTreeStandard.gif)
}

.zTreeMask,ul.ztree.zTreeDragUL {
  background-color: #bbb;
  position: absolute
}

ul.ztree.zTreeDragUL {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  overflow: hidden;
  border: 1px dotted #7C88CC;
  opacity: .8;
  filter: alpha(opacity=80);
  z-index: 1
}

.zTreeMask {
  z-index: 10000;
  opacity: 0;
  filter: alpha(opacity=0)
}